html {
  font-size: 62.5%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
}
h1 {
  margin-bottom: 0.5em;
  font-size: 3.6rem;
}
p {
  font-size: 1.6rem;
  line-height: 1.6;
}
a{ color: #333}
a:hover {
  text-decoration:none
}


.top_n{  padding: 60px 0px 30px 0px; width: 92%; max-width: 1400px; margin: 0px auto;}
.top_n div:nth-child(2){ }
.top_n div:nth-child(2) a{color: #fff;}
.top_n div:nth-child(2) span{ color: #ffce82; font-size: 28px; padding-right: 10px;}
.top_n div:nth-child(2) font{font-size: 30px; color: #fff1c2;}
.button {
  display: inline-block;
  margin-top: 20px;
  padding: 8px 25px;
  border-radius: 4px;
}
.button-primary {
  position: relative;
  background-color: #000;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  transition: color 0.3s ease-in;
  z-index: 1;
}
.button-primary:hover {
  color: #000;
  text-decoration: none;
}
.button-primary::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  border-radius: 4px;
  opacity: 0;
  -webkit-transform: scaleX(0.8);
  -ms-transform: scaleX(0.8);
  transform: scaleX(0.8);
  transition: all 0.3s ease-in;
  z-index: -1;
}
.button-primary:hover::after {
  opacity: 1;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.overlay::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, .3);
}
.header-area {
  position: relative;
  background: #fff;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repear;
  background-size: cover;
}
.banner {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.banner h1 {
  font-weight: 800;
}
.banner p {
  font-weight: 700;
}

.navbar {
  position: absolute;
  left: 0;
  top: 0px;
  padding: 0;
  width: 100%;
  transition: background 0.6s ease-in;
  z-index: 99999;
}
.navbar .nav_f{ width: 100%; max-width: 1400px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
.navbar-expand-md .navbar-nav{ width: 100%; display: -webkit-flex; /* Safari */  display: flex;justify-content: space-between; }
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{ 
	color: #fff;
}
.bimg_d{ display: block}
.bimg_x{ display: none;}
.navbar .navbar-brand {
  font-family: 'Lobster', cursive;
  font-size: 2.5rem;
	display: none;
}

.navbar .navbar-toggler {
  position: relative;
  height: 50px;
  width: 50px;
  border: none;
  cursor: pointer;
  outline: none;
}
.navbar .navbar-toggler .menu-icon-bar {
  position: absolute;
  left: 15px;
  right: 15px;
  height: 2px;
  background-color: #fe6534;
  opacity: 0;
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  transition: all 0.3s ease-in;
}
.navbar .navbar-toggler .menu-icon-bar:first-child {
  opacity: 1;
  -webkit-transform: translateY(-1px) rotate(45deg);
  -ms-sform: translateY(-1px) rotate(45deg);
  transform: translateY(-1px) rotate(45deg);
}
.navbar .navbar-toggler .menu-icon-bar:last-child {
  opacity: 1;
  -webkit-transform: translateY(-1px) rotate(135deg);
  -ms-sform: translateY(-1px) rotate(135deg);
  transform: translateY(-1px) rotate(135deg);
}
.navbar .navbar-toggler.collapsed .menu-icon-bar {
  opacity: 1;
}
.navbar .navbar-toggler.collapsed .menu-icon-bar:first-child {
  -webkit-transform: translateY(-7px) rotate(0);
  -ms-sform: translateY(-7px) rotate(0);
  transform: translateY(-7px) rotate(0);
}
.navbar .navbar-toggler.collapsed .menu-icon-bar:last-child {
  -webkit-transform: translateY(5px) rotate(0);
  -ms-sform: translateY(5px) rotate(0);
  transform: translateY(5px) rotate(0);
}
.navbar-dark .navbar-nav .nav-link {
  position: relative;
  color: #fff;
  font-size: 1.7rem;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #fff7de;
}
.navbar .dropdown-menu {
  padding: 0;
  background-color: rgba(0, 0, 0, .9);
}
.navbar .dropdown-menu .dropdown-item {
  position: relative;
  padding: 15px 20px;
  color: #fff;
  font-size: 1.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  transition: color 0.2s ease-in;
}
.navbar .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
.navbar .dropdown-menu .dropdown-item:hover {
  background: transparent;
  color: #fff;
}
.navbar .dropdown-menu .dropdown-item::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  width: 5px;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.navbar .dropdown-menu .dropdown-item:hover::before {
  opacity: 1;
}
.navbar.fixed-top {
  position: fixed;
  -webkit-animation: navbar-animation 0.6s;
  animation: navbar-animation 0.6s;
  background-color: rgba(0, 0, 0, .9);
}


.navbar.fixed-top.navbar-dark .navbar-nav .nav-link.active {
  color: #ffecdc;
}
.navbar.fixed-top.navbar-dark .navbar-nav .nav-link::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu{ top:98%;}

.in_banner{   }
.in_banner .carousel-inner{ height: 100vh; position: relative;  z-index: -1; margin-top: -135px;}

.content {padding: 120px 0;}


.in_sdxl{ width:92%; margin: 0px auto; max-width: 1400px; }	
.in_sdxl_tit{ padding:100px 0px 20px 0px;}
.in_sdxl_tit a{ text-align: center; width:100%; font-size: 38px; padding: 5px ; display: block; color: #333;}
.in_sdxl_tit span{ background: url(../images/xian.png) no-repeat center center; line-height: 20px; font-size: 16px; text-align: center; display: block; color: #f9bf00;}

.in_sdxl .card{ border: 0px; max-width: 405px; margin-top: 50px;}
.in_sdxl .card .card-body{ position: absolute; z-index: 999; bottom: 0px; color: #fff;}
.in_sdxl .card .card-body h2{ padding-bottom:8px;}
.in_sdxl .card .card-body p{ font-size: 16px; color: #abc9f0; padding-bottom: 12px;}

.in_about{margin-top: 110px;  background: #f0f5ff; padding-top:110px; padding-bottom: 120px;}	
.in_about .row{ width: 92%; max-width: 1400px; margin: 0px auto; display: -webkit-flex; /* Safari */  display: flex; justify-content:space-between;}
.in_about .row .col-lg-7{display: -webkit-flex; /* Safari */  display: flex; flex-direction:column; justify-content:space-between;}
.in_about .row .col-lg-5 img{ width: 100%; height: 100%;}
.in_about_tit a{ font-size: 36px; color: #333;}
.in_about_tit a span{ font-size: 16px; display: block; color: #f9bf00; font-family:Arial,"Microsoft Yahe","微软雅黑"; background: url(../images/xian_x.png) no-repeat 180px center ; width: 100%;}
.in_about_con{ }
.in_about_con h2{ margin-top: 30px; font-weight:500; font-size: 20px; line-height: 40px;}
.in_about_con p{font-size: 16px; line-height: 32px;}

.in_ghjs{ background: url(../images/ghbj.jpg) repeat-y center top; padding-top:110px; padding-bottom: 120px;}
.in_ghjs_tit{width: 92%; max-width: 1400px; margin: 0px auto; padding: 0px 15px;}
.in_ghjs_tit a {color: #f0f5ff; font-size: 36px; margin: 0px; padding: 0px 0px 5px 0px;}
.in_ghjs_tit a span{color:#ffd99d;font-size: 16px;} 
.in_ghjs_tit font{color:#f9bf00; width: 100%; background: url(../images/xian_d.png) no-repeat 180px center; display: block; }
.in_ghjs .row{ width: 92%; max-width: 1400px; margin: 0px auto; flex-wrap: nowrap; padding: 0px 15px;}
.in_ghjs .in_ghjs_l{ padding:100px 0px; color:#c5c5c5;}
.in_ghjs .in_ghjs_l h2{ font-size: 22px; padding-bottom:20px; font-weight: 500;}
.in_ghjs .in_ghjs_l p{ font-size: 16px; line-height: 28px;}
.in_ghjs .in_ghjs_l a{ margin-top:70px; color: #ffd99d; display: block; font-size: 16px;}

.in_ghjs .in_ghjs_r{margin-left: -9.4%;position: relative; margin-top:90px;}
.in_ghjs .in_ghjs_r ul{ padding: 0px; margin: 0px; border-right: 1px solid #243852;}
.in_ghjs .in_ghjs_r ul:nth-child(3) li{border-bottom: 1px solid #243852;}
.in_ghjs .in_ghjs_r li{ width: 33.3333%; text-align: center; padding: 30px 0px; color: #fff; border-top:1px solid #243852; border-left: 1px solid #243852;}
.in_ghjs .in_ghjs_r li span{ font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"; display: block; font-size: 46px; color: #7b6d5f;}

.in_news{ background:#f1f1f1; padding-top:110px; padding-bottom: 120px;}
.in_news_tit{width: 92%; max-width: 1400px; margin: 0px auto; }
.in_news_tit a{ text-align: center; width:100%; font-size: 38px; padding: 5px ; display: block; color: #333;}
.in_news_tit span{ background: url(../images/xian.png) no-repeat center center; line-height: 20px; font-size: 16px; text-align: center; display: block; color: #f9bf00;}
.in_news_tit{ width: 92%; max-width: 1400px; margin: 0px auto; }

.in_news_con{width: 92%; max-width: 1400px; margin: 0px auto; padding-top: 60px;}
.in_news_con .row{ align-items:stretch;justify-content:space-between;}
.in_news_conl{ width: 26%;}
.in_news_conl a{ width:100%; background: #fff; display: block; padding:15px; height: 100%; }
.in_news_conl a img { width: 100%;} 
.in_news_conl a h2{ font-size: 20px;  padding:20px 0px 0px 0px; display: block;}
.in_news_conl a span{ font-size: 16px; color: #999;  padding:6px 0px 8px 0px; display: block;}
.in_news_conl a p{ line-height:25px; font-size: 16px; color: #666;}
.in_news_conl a font{ font-size: 16px; margin-top: 25px; display: block; color: #ffa200;}
.in_news_conr{  background: #fff; width: 40%;}
.in_news_conr ul{padding: 10px 30px;}
.in_news_conr ul li{ margin-top: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
.in_news_conr ul li:nth-child(3){border-bottom:0px dotted #ccc; }
.in_news_conr ul li a h2{ font-size: 20px;  padding:10px 0px 0px 0px; display: block;}
.in_news_conr ul li a span{ font-size: 16px; color: #999;  padding:3px 0px 3px 0px; display: block;}
.in_news_conr ul li a p{ line-height:25px; font-size: 16px; color: #666;}

.in_foot{ background:#424242;}
.in_foot .row{width: 92%; max-width: 1400px; margin: 0px auto; padding: 60px 0px; display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between;}
.in_foot .row dl a{ color: #efefef;}
.in_foot .row dl dt{ font-size: 26px; font-weight:200; padding-bottom: 20px; }
.in_foot .row dl dd{ line-height: 30px; font-size: 16px; font-weight: 200; color: #efefef; }
.in_foot .row dl .d_ewm{align-items:flex-end; padding-bottom: 30px; padding-top: 10px; border-bottom: 1px dotted #7c7c7c;}
.in_foot .row dl .d_ewm p { padding-right: 20px;}
.in_foot .row dl .d_ewm p img{ display: block; margin-bottom: 5px;}
.in_foot .row dl .d_lianxi{padding-top: 10px;}

.foot_b{ line-height: 26px; text-align: center; padding: 30px; 0px; background-color: #3b3b3b; color: #fff;  font-weight: 200;}
.foot_b a{color: #fff; }


@media screen and (max-width: 767px) {
  .navbar-brand {
    margin-left: 20px;
  }
  .navbar-nav {
    padding: 0 20px;
    background-color: rgba(0, 0, 0, .9);
  }
  .navbar.fixed-top .navbar-nav {
    background: transparent;
  }
	.navbar .navbar-brand{ display: block;}
	
}
@media screen and (min-width: 767px) {
 
  .banner {
    padding: 0 150px;
  }
  .banner h1 {
    font-size: 5rem;
  }
  .banner p {
    font-size: 2rem;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding: 30px 18px;
  }
  .navbar-dark .navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0%;
    right: 0%;
    height: 1px;
    background-color: #ee6d03;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transition: transform 0.1s ease-in;
  }
  .navbar-dark .navbar-nav .nav-link:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .dropdown-menu {
    min-width: 200px;
    -webkit-animation: dropdown-animation 0.3s;
    animation: dropdown-animation 0.3s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
}
@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.n_banner{ width: 100%; }
.n_banner_con{ position: relative; margin-top: -140px; z-index: -1;}



#side{  width:100%;background-color:#f4f4f4; }
#side ul{ width:100%; margin:0px auto; max-width: 1400px; display: -webkit-flex; /* Safari */
  display: flex;}
#side li{line-height:60px; font-weight:500;  }

#side li a{ display:block; font-size:16px; padding-right: 50px; border-right: 1px solid #e1e1e1; padding-left: 50px;}
#side li:nth-child(1) a{ padding-left:0px;}
#side li a:hover{ display:block;   color:#e60012;   }
.navon1 a{  color:#e60012; display:block; width:100%; background: #000;}

.about_f{ margin-top: 100px; max-width: 1400px; align-items:stretch;}
.about_1{width: 50%;}
.about_r{width: 50%; display: -webkit-flex; /* Safari */
  display: flex; justify-content: flex-end;}
.about_r img{ height: 100%;}
.about_1 h2{ font-size: 16px; }
.about_1 h3{ font-size: 30px; line-height: 36px; color: #e60012;}
.about_1 h4{ font-size: 30px; line-height: 36px; color: #333;}
.about_con{ line-height: 28px; font-size: 16px; margin-top:50px;}
.about_con p{ line-height: 28px; font-size: 16px; margin-top: 15px;}

.about2_bj{ background: url(../images/cpbj.jpg) no-repeat center top; margin-top:80px; padding: 90px 0px;}
.about2_bj h2{ line-height: 50px; text-align: center; color: #f9fbff; font-weight: 500; font-size: 30px; }
.about2_bj h3{ line-height: 50px; text-align: center; color: #9fb8e5; font-weight: 500; font-size: 18px; border-bottom: 1px solid #5d6a83; width: 100%; max-width: 1400px; margin: 0px auto;}
.about2_bj .product-number-info{ margin-top:80px; text-align: center;}
.about2_bj .product-number-info li b i{ color: #fff; font-size: 56px;}
.about2_bj .product-number-info li p{ color: #e9d3c8; font-size: 18px;}
.about2_bj .product-number-info li b em{color: #e9d3c8;}

.about3 { width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;}
.about3 .card{ margin-top: 50px;}

.wenhua{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;}
.wenhua .wenhua_1tit{ padding-bottom: 15px;}
.wenhua h2{ font-size: 16px; line-height:38px;}
.wenhua h3{ font-size: 30px; line-height: 36px; color: #f16a10;}
.wenhua h4{ font-size: 30px; line-height: 36px; color: #333;}

.wenhua .wenhua_r dl{ width: 100%; margin-top: 14px; border: 1px solid #e6e6e6; line-height: 32px; font-size: 16px; color: #888}
.wenhua .wenhua_r dl dt{ font-size: 20px; line-height: 46px; font-weight: normal; color: #333}


.fazhan{width: 96%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;}

.honour{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;background: #fafafa;}
.f_liebiao{ margin-top:30px; text-align: center; }
.f_liebiao h5{ font-size: 16px; line-height: 40px;}
.f_liebiao h5 a{ color: #333;}
.f_liebiao h5 a h5:hover{color: #333;}
.f_liebiao .card{ border: 0px solid rgba(0,0,0,.125);}
.f_liebiao .card-img, .card-img-top{border: 1px solid #dddddd; padding: 5px;}




.pagebar .pagination{display:flex;justify-content:center; border-top: 1px solid #c5c5c5; width: 100%; max-width: 1400px; margin: 30px auto 0px auto; padding-top: 50px;}
.pagination a{background:#fff;border:1px solid #ccc;color:#333;font-size:14px;padding:6px 8px;margin:0 2px;border-radius:3px}
.pagination a:hover{color:#e60012;border:1px solid #e60012}
.pagination a.page-num-current{color:#fff;background: #ee6d03;border: 1px solid #d1d0d0;}

.honour h2{ text-align: center; font-size: 30px; padding-bottom: 20px;}
.honour h3{ text-align: center; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #999; color: #999;}
.honour_con{ padding: 20px 0px; font-size: 16px; line-height: 30px;}
.hon_img{ text-align: center; padding: 60px 0px;}
.hon_img img{ max-width: 100%}
.honour .clearfix{ line-height: 36px; padding-top: 10px; border-top: 1px solid #c5c5c5; margin: 30px auto 0px auto; width: 100%; max-width: 1400px;}



.new_con{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;}
.new_con .position-relative{ margin-top: 30px; border: 1px solid #e1dfdf; padding: 8px;border-radius:4px;}
.new_con .position-relative img{ width: 260px;border-radius:4px; }
.new_con .position-relative .media-body{ padding-left: 10px;}
.new_con .position-relative .media-body h5{ font-size: 24px;
    padding-bottom: 5px;
    font-weight: 500;
    line-height: 45px;}
.new_con .position-relative .media-body p{ font-size: 16px; color: #666; line-height: 28px;}
.new_con .position-relative .media-body a{ padding-top: 10px; color: coral;}

.prod_con{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 80px 0px;}
.prod_con .row .position-static{ padding-left: 20px;}
.prod_con .row .position-static h5{ font-size: 30px; padding-top: 0px;}
.prod_con .row .position-static p{ font-size: 16px; line-height: 28px; color: #888; padding-top: 20px; padding-bottom: 20px;}
.prod_con .row .position-static a{ margin-top: 20px; width: 130px; line-height: 46px; text-align: center; background: #fe6534; display: block; color: #fff; font-size: 18px;border-radius:6px;}
.prod_con .clearfix{ line-height: 36px; padding-top: 10px; border-top: 1px solid #c5c5c5; margin: 30px auto 0px auto; width: 100%; max-width: 1400px;}



.prod_cpsm{ width: 100%; max-width: 1400px; margin: 30px auto 0px auto;  }
.prod_cpsm h3{background:#ee6d03; color: #fff; border-radius:3px; display: block; font-size: 20px; padding: 15px 0px 15px 20px; font-weight: 500; }

.yingyong{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;} 
.yingyong .list-group-item{ padding: 1.75rem 1.25rem;}
.yingyong .tab-content{height: 100%; padding: 1px;}
.yingyong .tab-content .tab-pane{ padding: 20px;}
.yingyong .tab-content p{ padding: 30px 30px 30px 30px; line-height: 28px; background:#00000091; color: #fff}
.yingyong .tab-content p strong{ display: block; font-size: 20px; line-height: 36px; font-weight: normal;}
.yingyong .list-group-item.active{    background-color: #e60012;   border-color: #fe6534;}

.yingycp_tit{ width: 100%; line-height: 86px; text-align: center; font-size: 36px; border-bottom: 1px solid #ccc; margin-top:80px;}

.jijiagong{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;}
.jijiagong .jumbotron h2{ font-size: 30px;}
.jijiagong .jumbotron p{ font-size: 16px; line-height: 30px;}

.jijiagong .row{ margin-top: 30px;}
.jijiagong .jjg_c h5{ font-size: 30px; padding-bottom:30px;}
.jijiagong .jjg_c p{ font-size: 16px; line-height: 30px;}
.jijiagong .p-md-4{padding: 5.5rem!important;}

.jijiagong .position-relative{ margin-top: 80px;}

.jijiagong2{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;} 
.jijiagong2_tit{font-size: 30px; padding-bottom: 30px;}

.prodlist1{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;} 
.prodlist1_tit{font-size: 30px; padding-bottom:20px; text-align: center;}
.prodlist1_ms{font-size: 18px; line-height: 32px; text-align: center; padding-bottom: 50px;  color: #888;}
.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
.prodlist1 .row img{ width: 100%; height: 460px;}
.prodlist1 .row p{ height: 120px; background: #8698a1; line-height: 30px; padding: 10px; color: #d7d7d7; }
.prodlist1 .row p strong{ font-size: 20px; line-height: 36px; display: block; font-weight: normal; color: #fff;}
.prodlist1 .row .prodlist1_imgx{ display: none;}

.prodlist2{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 0px 0px;} 
.prodlist2 .p-md-4{padding: 5.5rem!important;}
.prodlist2 h5{ font-size: 30px; padding-bottom:30px;}
.prodlist2 p{ font-size: 16px; line-height: 30px;}

.prodlist3{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;} 
.prodlist3 img{ width: 100%;}

.prodlist3_con{ width: 100%;  display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between;}
.prodlist3_conl{ width: 49%; border: 1px solid #ccc; display: -webkit-flex; /* Safari */ display: flex; padding: 15px 0px;}
.prodlist3_conr{ width: 49%; border: 1px solid #ccc; display: -webkit-flex; /* Safari */ display: flex; padding: 15px 0px;}

.prodlist3_con .card-title{ font-size: 20px;}
.prodlist3_con .card-text{ font-size: 16px; line-height: 28px; color: #888;
   }
.prodlist3_con .btn-primary {
    color: #fff;
    background-color: #004d9b;
    border-color: #004d9b;
    width: 120px;
    line-height: 32px;
    margin-top: 30px;
    font-size: 16px;
}


.prodlist{width: 100%;  padding: 50px 0px 100px 0px; background: #f1f1f1;} 
.prodlist .row{ margin-top:60px; max-width: 1400px; margin: 60px auto 0px auto; background: #fff; padding: 60px;}
.prodlist a{ display: block; margin-top: 60px; color: coral;}

.dangjian{width: 96%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px;} 

.prodlist4{width: 100%; max-width: 1400px; margin: 0px auto; padding: 50px 0px 100px 0px; } 
.prodlist4_ms{font-size: 18px; line-height: 32px; text-align: center; padding-bottom: 50px; width: 100%; max-width: 1000px; margin: 0px auto; color: #888;}
.prodlist4 .table td, .table th{vertical-align: inherit;}
.prodlist4 .table thead th{vertical-align: inherit;}
.prod_contit{ color: #e60012; font-size: 22px;  padding:10px 0px; text-align: center; background: #f1f1f1;}


/*联系我们*/
.contact_us .map_box {
	margin-bottom: 45px;
	position: relative;
	max-height: 475px;
	height: 475px;
}
.contact_us .map_box .map {
	height: 100%;
}
.contact_us .map_box .map img {
	max-width: none;
	pointer-events: auto;
}
.contact_us .map_box .con {
	position: absolute;
	top: 20%;
	right: 5%;
	background: url(/template/default/qc/images/blue.9.png);
	color: #fff;
}

.contact_us .map_box .con ul {
	padding: 40px;
}
.contact_us .map_box .con ul li:nth-child(1) {
	font-size: 28px;
	margin-bottom: 20px;
}
.contact_us .map_box .con ul li:nth-child(1) p{
	font-size: 28px;
	margin-bottom: 20px;
}

.contact_us .map_box .con ul li {
	font-size: 15px;
	margin-top: 10px;
}
.contact_us .lists_box li {
	margin-top: 13px;
	background-color: #f2f9fe;
	height: 330px;
	overflow: hidden;
	color: #333;
}
.contact_us .lists_box li .box {
	padding: 30px 35px;
}
.contact_us .lists_box .title {
	font-size: 18px;
	font-weight: bold;
}
.contact_us .lists_box dt {
	padding: 20px 0 30px;
	font-size: 15px;
	position: relative;
}
.contact_us .lists_box dt:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 45px;
	height: 1px;
	display: block;
	background-color: #999;
}
.contact_us .lists_box dd {
	margin-top:5px;
	color: #999;
}
.contact_us .lists_box dd span {
	display: inline-block;
	vertical-align: top;
}
.contact_us .lists_box dd .span2 {
	width: 70%;
}
.contact_us .lists_box li:hover {
	box-shadow: 2px 5px 8px #eee;
}



@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes dropdown-animation {
  0% {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
  }
  75% {
    -webkit-transform: scaleY(1.1);
    -ms-transform: scaleY(1.1);
    transform: scaleY(1.1);
  }
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.xilie_bj{width:100%; background: #f1f1f1; padding: 100px 0px;}
.xilie_bj img{ max-width: 100%;}
.xilie{width:100%; max-width:1300px;   margin: 0px auto;  padding: 60px; background: #fff;}
.xl_tit{font-size: 26px; color: #000; font-weight: 200;padding-bottom:20px; }
.xl_com{ line-height:36px; font-size: 16px; color: #454545;}
.xl_com p{line-height:32px;}

@media only screen and (min-width:1401px) and (max-width:1400px) {
    .in_news .row{ margin-left: 0px; margin-right: 0px;}
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	.in_yysl_tit{ padding-left: 15px; padding-right: 15px;}
	.in_yysl_n{padding-left: 15px; padding-right: 15px;}
	.in_guangg{  background-size: 98%; height: auto;}	
	.in_guangg a{height:143px;}
	
	.ab_banner{height: 500px;}
	.ab_banner p{width: 96%;}
	.prodlist1{width: 96%; padding: 50px 0px 40px 0px;}
	.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
	.prodlist1 .row img{ height:360px;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist2 {padding: 50px 0px 40px 0px;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	
	.prodlist{width: 96%;}
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong2{width: 96%; padding: 50px 0px 60px 0px;}
	.f_liebiao{ margin-top: 0px;}
	
	.yingyong{width: 96%;}
	
	.new_con{width: 96%;}
	.honour{width: 96%;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%;}
	
	.wenhua{ width: 96%; padding: 50px 0px 60px 0px; }
	.wenhua .row{align-items:stretch;}
	.wenhua .row .w-100{ width:96%!important;}
	.wenhua .row .h-100{ height:98%!important;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
	
}

@media only screen and (min-width:1301px) and (max-width:1400px) {
	
	.navbar .nav_f{ width: 100%; max-width: 1260px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
	.in_about_con .inabout_h2{ display: none;}
	.in_about_con .inabout_p2{ display: none;}
	.in_news_conr ul li a p { line-height: 26px; font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;}
	
    .in_news .row{ margin-left: 0px; margin-right: 0px;}
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	.in_dangjian_tit{ margin-left: 40px;}
	.in_jiandang .tab-content{margin-left: 40px;}
	.in_yysl_tit{ padding-left: 15px; padding-right: 15px;}
	.in_yysl_n{padding-left: 15px; padding-right: 15px;}
	.in_guangg{ width: 98%; background-size: 100%; height: auto;}	
	.in_guangg a{height:143px;}
	
	.ab_banner{height: 500px;}
	.ab_banner p{width: 96%;}
	.prodlist1{width: 96%; padding: 50px 0px 40px 0px;}
	.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
	.prodlist1 .row img{ height:300px;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist2 {padding: 50px 0px 40px 0px;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 .prodlist3_conl .col-md-7{ -ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%;  max-width: 48.333333%;}
	.prodlist3 .prodlist3_conl .col-md-5 { -ms-flex: 0 0 51.666667%; flex: 0 0 51.666667%; max-width: 51.666667%;}
	.prodlist3_con .card-text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
	.prodlist3_con .btn-primary{margin-top: 10px;}
	
	.prodlist{width: 96%;}
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong .carousel-inner{ padding-top: 0px;}
	.jijiagong2{width: 96%; padding: 50px 0px 60px 0px;}
	.f_liebiao{ margin-top: 0px;}
	
	.yingyong{width: 96%;}
	
	.new_con{width: 96%;}
	
	.honour{width: 96%;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%;}
	.about_r{ }
	.about2_bj{margin-top: 40px;padding: 60px 0px;}
	
	.wenhua{ width: 96%; padding: 50px 0px 60px 0px; }
	.wenhua .row{align-items:stretch;}
	.wenhua .row .w-100{ width:96%!important;}
	.wenhua .row .h-100{ height:99%!important;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
}

@media only screen and (min-width:1201px) and (max-width:1300px) {
	
	.navbar .nav_f{ width: 100%; max-width: 1160px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
	.in_about_con .inabout_h2{ display: none;}
	.in_about_con .inabout_p2{ display: none;}
	.in_news_conr ul li a p { line-height: 26px; font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;}
	.foot_b a:nth-child(1){ display: block;}
	
	.navbar-dark .navbar-nav .nav-link{padding: 25px 15px;}
	
	.in_about_r ul{margin-top: 0px;}
	.in_about_r ul li{padding: 10px 0px;margin-top: 20px;}
	.in_about_r ul li a span{font-size: 36px;}
    .in_news .row{ margin-left: 0px; margin-right: 0px;}
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	.in_dangjian_tit{ margin-left: 40px;}
	.in_jiandang .tab-content{margin-left: 40px;}
	.in_yysl_tit{ padding-left: 15px; padding-right: 15px;}
	.in_yysl_n{padding-left: 15px; padding-right: 15px;}
	.in_guangg{ width: 98%; background-size: 100%; height: auto;}	
	.in_guangg a{height:118px;}
	
	#side li:nth-child(1) a{padding-left: 20px;}
	#side li a{padding-left:20px; padding-right: 20px;}
	
	.ab_banner{height: 500px;}
	.ab_banner p{width: 96%;}
	.prodlist1{width: 96%; padding: 50px 0px 40px 0px;}
	.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
	.prodlist1 .row img{ height:300px;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist2 {padding: 30px 0px 40px 0px;}
	.prodlist2 .carousel-inner{ padding-top: 35px;}
	.prodlist2 .position-relative{align-items:center;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 .prodlist3_conl .col-md-7{ -ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%;  max-width: 48.333333%;}
	.prodlist3 .prodlist3_conl .col-md-5 { -ms-flex: 0 0 51.666667%; flex: 0 0 51.666667%; max-width: 51.666667%;}
	.prodlist3_con .card-text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
	.prodlist3_con .btn-primary{margin-top: 10px;}
	
	.prodlist{width: 96%;}
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong .carousel-inner{ padding-top: 0px;}
	.jijiagong2{width: 96%; padding: 50px 0px 60px 0px;}
	.f_liebiao{ margin-top: 0px;}
	
	.yingyong{width: 96%;}
	
	.new_con{width: 96%; padding: 50px 0px 60px 0px;}
	.new_con .position-relative .media-body p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	
	.honour{width: 96%;padding: 50px 0px 40px 0px;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%;}
	.about_con p{margin-top: 0px;}
	.about2_bj{margin-top: 40px;padding: 60px 0px;}
		
	.wenhua{ width: 96%; padding: 50px 0px 60px 0px; }
	.wenhua .row{align-items:stretch;}
	.wenhua .row .w-100{ width:96%!important;}
	.wenhua .row .h-100{ height:99%!important;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
}

@media only screen and (min-width:1101px) and (max-width:1200px) {
.bimg_d{ display:none }
.bimg_x{ display: block;}
	.navbar .nav_f{ width: 100%; max-width: 1060px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
	.in_about_con .inabout_h2{ display: none;}
	.in_about_con .inabout_p2{ display: none;}
	.in_news_conr ul li a p { line-height: 26px; font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;}
	.foot_b a:nth-child(1){ display: block;}
	
	.container, .container-lg, .container-md, .container-sm{ width: 100%;  max-width: 100%;}
	.top_ewm{ display: none;}
	.navbar-dark .navbar-nav .nav-link{padding: 25px 15px;}
	
	.in_about .col-xl-6{ width: 50%;}
	.in_about_r ul{margin-top: 0px;}
	.in_about_r ul li{padding: 10px 0px;margin-top: 20px;}
	.in_about_r ul li a span{font-size: 36px;}
    .in_news .row{ margin-left: 0px; margin-right: 0px;}
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	.in_dangjian_tit{ margin-left: 40px;}
	.in_jiandang .tab-content{margin-left: 40px;}
	.in_yysl_tit{ padding-left: 15px; padding-right: 15px;}
	.in_yysl_n{padding-left: 15px; padding-right: 15px;}
	.in_guangg{ width: 98%; background-size: 100%; height:118px;}	
	.in_guangg a{height:118px;}
	
	#side li:nth-child(1) a{padding-left: 20px;}
	#side li a{padding-left:20px; padding-right: 20px;}
	
	.ab_banner{height: 400px;}
	.ab_banner p{width: 96%;padding-top: 150px;}
	.prodlist1{width: 96%; padding: 50px 0px 40px 0px;}
	.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
	.prodlist1 .row img{height: 300px;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist2 {padding: 50px 0px 40px 0px;}
	.prodlist2 .carousel-inner{ padding-top: 35px;}
	.prodlist2 .position-relative{align-items:center;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 .prodlist3_conl .col-md-7{ -ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%;  max-width: 48.333333%;}
	.prodlist3 .prodlist3_conl .col-md-5 { -ms-flex: 0 0 51.666667%; flex: 0 0 51.666667%; max-width: 51.666667%;}
	.prodlist3_con .card-text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
	.prodlist3_con .btn-primary{margin-top: 10px;}
	
	.prodlist{width: 96%;}
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong .carousel-inner{ padding-top: 0px;}
	.jijiagong2{width: 96%; padding: 50px 0px 60px 0px;}
	.f_liebiao{ margin-top: 0px;}
	.jijiagong .position-relative { margin-top: 40px;}
	
	.yingyong{width: 96%;    padding: 50px 0px 40px 0px;}
	.yingyong .list-group-item{padding: 1.05rem 1.25rem;}
	
	.yingycp_tit{margin-top: 40px;}
	.yingyong .f_liebiao .card-body{ padding: 0px;}
	.yingyong .f_liebiao .mb-5{margin-bottom: 1rem!important;}
	
	
	.new_con{width: 96%; padding: 30px 0px 40px 0px;}
	.new_con .position-relative .media-body p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	
	.honour{width: 96%;padding: 50px 0px 40px 0px;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%;padding:0px 0px 50px 0px;}
	.about_con p{margin-top: 0px;}
	.about_r img{ width: 96%;}
	.about_con{margin-top: 20px;}
	.about_con p br{ height: 10px;} 
	.about2_bj{margin-top: 30px;padding: 40px 0px;}
	.about_1 h3{font-size:28px;}
	.about_1 h4 {font-size: 28px;}
	
	.wenhua{ width: 96%; padding: 30px 0px 60px 0px; }
	.wenhua .row{align-items:stretch;}
	.wenhua .row .w-100{ width:96%!important;}
	.wenhua .row .h-100{ height:99%!important;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
	
}



@media only screen and (min-width:992px) and (max-width:1100px) {
	
	.bimg_d{ display:none }
.bimg_x{ display: block;}
	.top_n{padding: 30px 0px 10px 0px;}
	.navbar .nav_f{ width: 100%; max-width: 980px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
	.in_about_con .inabout_h2{ display: none;}
	.in_about_con .inabout_p2{ display: none;}
	.in_news_conr ul li a p { line-height: 26px; font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;}
	.foot_b a:nth-child(1){ display: block;}
	.in_banner .carousel-inner{margin-top: -85px;}
	
	.in_sdxl_tit {padding: 60px 0px 20px 0px;}
	.in_about {margin-top: 60px; padding-top: 60px; padding-bottom: 60px;}
	.in_ghjs{padding-top: 60px; padding-bottom: 60px;}
	
	.container, .container-lg, .container-md, .container-sm{ width: 100%;  max-width: 100%;}
	.navbar-brand .logo-img{ width: 50px;}
	.navbar-brand .logo-txt{ width: 100px;}
	.top_ewm{ display: none;}
	.navbar-dark .navbar-nav .nav-link{padding: 20px 10px;font-size: 16px;}
	
	.in_about .col-xl-6{ width: 50%;}
	.in_about_tit h2 a { color: #ababab; color: #343434; font-size: 28px; line-height: 32px;}
    .in_about_tit h4 {color: #e60012; font-size: 22px; line-height: 30px; margin-top: 10px; font-weight: normal;}
	.in_about_tit p { margin-top: 20px; background: #e60012; padding: 10px 0px; width: 120px; color: #fff; display: -webkit-flex;  display: flex; justify-content: center; border-radius: 6px;}
	.in_about_img {margin-top: 0px;}
	.in_about_p p:nth-child(2){ display: none;}
	
	.in_about_r ul{margin-top: 0px;}
	.in_about_r ul li{padding: 10px 0px;margin-top: 20px;}
	.in_about_r ul li a span{font-size: 36px;}
	.in_news {padding-top: 60px; padding-bottom: 70px;}
	.in_news_tit h2 a{ color: #ababab; color: #343434; font-size: 28px; line-height:32px;}
	.in_news_tit h2 a:nth-child(2){width: 120px; padding: 6px 0px;margin-top: 20px;}
	
    .in_news .row{ margin-left: 0px; margin-right: 0px;}
	.in_news .card{ width: 32%;}
	.in_news .card:nth-child(4){ display: none;}
		.in_jxjg_n{ width: 98%;}
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	
	.in_jiandang_bj{padding-top: 120px;}
	.in_dangjian_tit{ margin-left: 40px;}
	.in_jiandang .tab-content{margin-left: 40px;}
	.in_dangjian_tit h2 a{font-size: 28px; line-height: 40px;}
	
	
	.in_prod{margin-top: 60px; padding-top: 40px; background-size: 130%;}
	.in_prod h2 a{ font-size: 28px; line-height: 46px;}
	
	.TabTitle1 ul{margin: 32px auto 0px auto;}
	.TabTitle1 li{width: 15%;}
	.TabTitle1 li a{line-height: 46px;}
	.TabContent1{margin: 40px auto 0px auto;}
	.TabContent1 .card-body{background-color: #e1e1e1cc; padding: 0;}
	.TabContent1 .card h4{padding-bottom: 0px;}
	
	.in_jxjg{padding: 50px 0px;}
	
	.in_yysl{padding: 60px 0px;}
	.in_yysl_tit{ padding-left: 15px; padding-right: 15px;}
	.in_yysl_n{padding-left: 15px; padding-right: 15px;  padding-top: 40px;}
	.in_guangg{ width: 98%; background-size: 100%; height:100px; }	
	.in_guangg a{height:100px;}
	
	#side li:nth-child(1) a{padding-left: 20px;}
	#side li a{padding-left:20px; padding-right: 20px;}
	
	
	.ab_banner{height: 400px;}
	.ab_banner p{width: 96%;padding-top: 150px;}
	.prodlist1{width: 96%; padding: 50px 0px 40px 0px;}
	.prodlist1 .col-lg-2{ -ms-flex: 0 0 19.4%;  flex: 0 0 19.4%;   max-width: 19.4%;}
	.prodlist1 .row p{ padding: 6px; font-size: 14px;}
	.prodlist1 .row img{height: 260px;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist1 .row p strong{font-size: 16px;}
	.prodlist2 {padding: 10px 0px 40px 0px;}
	.prodlist2 .carousel-inner{ padding-top: 35px;}
	.prodlist2 .position-relative{align-items:center;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 .prodlist3_conl .col-md-7{ -ms-flex: 0 0 60%; flex: 0 0 60%;  max-width: 60%;}
	.prodlist3 .prodlist3_conl .col-md-5 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 0px; padding-right: 0px;}
	.prodlist3 .prodlist3_conr .col-md-7{ -ms-flex: 0 0 60%; flex: 0 0 60%;  max-width: 60%;}
	.prodlist3 .prodlist3_conr .col-md-5 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; padding-left: 0px; padding-right: 0px;}
	.prodlist3_con .card-text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
	.prodlist3_con .btn-primary{margin-top: 10px;}
	.prodlist3 img{ height: 100%;}
	
	
	.prodlist{width: 96%; padding: 20px 0px 30px 0px;}
	
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	.prod_con .row .position-static p{padding-top: 10px; padding-bottom: 10px;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong .carousel-inner{ padding-top: 0px;}
	.jijiagong2{width: 96%; padding: 50px 0px 60px 0px;}
	.f_liebiao{ margin-top: 0px;}
	.jijiagong .position-relative { margin-top: 40px;}
	.jijiagong .p-md-4{padding: 2.5rem!important;}
	
	.yingyong{width: 96%;    padding: 50px 0px 40px 0px;}
	.yingyong .list-group-item{padding: 1.05rem 1.25rem;}
	
	.yingycp_tit{margin-top: 40px;}
	.yingyong .f_liebiao .card-body{ padding: 0px;}
	.yingyong .f_liebiao .mb-3{margin-bottom: 0rem!important;}
	
	.new_con{width: 96%; padding: 30px 0px 40px 0px;}
	.new_con .position-relative .media-body p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	
	.honour{width: 96%; padding: 30px 0px 40px 0px;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%; padding:0px 0px 50px 0px;}
	.about_con p{margin-top: 0px;}
	.about_r img{ width: 96%;}
	.about_con p br{ height: 10px;} 
	.about2_bj{margin-top: 30px;padding: 40px 0px;}
	.about_1 h3{font-size:28px;}
	.about_1 h4 {font-size: 28px;}
	
	.wenhua{ width: 96%; padding: 50px 0px 60px 0px; }
	.wenhua .row{align-items:stretch;}
	.wenhua .row .w-100{ width:96%!important;}
	.wenhua .row .h-100{ height:99%!important;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
	.n_banner_con{margin-top: -90px;}
	
}
.img_d{ display: block;}
.img_x{ display: none;}
@media only screen and (min-width:768px) and (max-width:991px) {
	.bimg_d{ display:none }
.bimg_x{ display: block;}
.top_n{padding: 30px 0px 10px 0px;}
	.navbar .nav_f{ width: 100%; max-width: 960px; margin: 0px auto; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; }
	.in_about_con .inabout_h2{ display: none;}
	.in_about_con .inabout_p2{ display: none;}
	.in_news_conr ul li a p { line-height: 26px; font-size: 16px; color: #666; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    overflow: hidden; text-overflow: ellipsis;}
	.foot_b a:nth-child(1){ display: block;}
	.in_banner .carousel-inner{margin-top: -85px;}
	.navbar-dark .navbar-nav .nav-link{font-size: 1.4rem;}
		.img_d{ display: none;}
.img_x{ display: block; margin-top: 20px;}
	.n_banner_con{margin-top: -90px;}
	.about_1{ width: 100%;}
	.about_r{ display: none;}
	#side li a{padding-right: 20px; padding-left: 20px;}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	
	.in_sdxl_tit { padding: 30px 0px 0px 0px;}
	.in_sdxl_tit a{font-size: 28px;}
	.in_sdxl .card{max-width: 100%; margin-top: 20px;}
	.img_d{ display: none;}
.img_x{ display: block; margin-top: 20px;}
	
	.top_bj{height:3px;}
	.top_bj .top{ display: none;}
	.in_bannerd{display: none!important;}
	.in_bannerx{display: block!important;}
.in_dangjian_titx{ display: block; margin-left: 0px; margin-top: 60px; padding-bottom:20px;  background:#fff; border-bottom: 1px solid #ccc;}
.in_dangjian_titx h3{ color:#ababab; font-size: 16px;}
.in_dangjian_titx h2 a{ color:#ababab;  color: #343434; font-size:28px; line-height: 30px;}
	
	.in_dangjian_tit{ display: none;}
	.in_jiandang_bjl{ padding: 0px; background:#fff0; font-size: 18px;}
	.in_jiandang_bjl .flex-column{flex-direction:inherit!important;}
	.in_jiandang_bjl .nav-pills .nav-link{ width: 22%; color: #454545; background:#d9d9d9; border-radius:6px; padding: 5px 0px; line-height: 26px; margin:15px auto; font-size: 16px;}
	.in_jiandang_bjl .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #e60012; color: #fff;}
	.in_jiandang_bjl span{color: #ffffff; font-size: 12px;}
	.in_jiandang_bj div:nth-child(2){ padding-left: 0px; padding-right: 0px;}
	
	.in_jiandang .tab-content div:nth-child(1){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(2){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(3){ width: 100%;}
	.in_jiandang .tab-content div:nth-child(4){ width: 100%;}
	
	.in_jiandang_bj{padding-top: 30px;}
	.in_dangjian_tit{ margin-left: 40px;}
	.in_jiandang .tab-content{margin-left:0px; margin-left: 0px; margin-top:0px;}
	.in_jiandang .tab-content p{width: 80%;}
	
	.in_prod{margin-top: 60px; padding-top: 40px; background-size: 160%;}
	.in_prod h2 a{ font-size: 28px; line-height: 46px;}
	.TabTitle1 ul{margin:22px auto 0px auto;}
	.TabTitle1 li{width:30%;}
	.TabTitle1 li a{line-height: 46px;}
	.TabContent1{margin:30px auto 0px auto;}
	.TabContent1 .card-body{background-color: #e1e1e1cc; padding: 0;}
	.TabContent1 .card h4{padding-bottom: 0px;}
	
	.container, .container-lg, .container-md, .container-sm{ width: 100%;  max-width: 100%;}
	.navbar-brand .logo-img{ width: 50px;}
	.navbar-brand .logo-txt{ width: 200px;}
	.top_ewm{ display: none;}
	.navbar-dark .navbar-nav .nav-link{padding: 25px 5px;font-size: 16px;}
	.in_about{padding-top: 30px; margin-top: 30px;padding-bottom: 60px;}
	.in_about_tit a{ font-size: 28px;}
	.in_about .row{width: 100%;}
	.in_about .col-xl-6{ width: 100%;}
	.in_about_tit h2 a { color: #ababab; color: #343434; font-size: 28px; line-height: 32px;}
    .in_about_tit h4 {color: #e60012; font-size: 22px; line-height: 30px; margin-top: 10px; font-weight: normal;}
	.in_about_tit p { margin-top: 20px; background: #e60012; padding: 10px 0px; width: 120px; color: #fff; display: -webkit-flex;  display: flex; justify-content: center; border-radius: 6px;}
	.in_about_img {margin-top: 0px; display: none;}
	.in_about_r ul{margin-top: 0px; padding-bottom: 30px;}
	.in_about_r ul li{padding: 10px 0px;margin-top: 20px;}
	.in_about_r ul li a span{font-size: 36px;}
	.about_1 { width: 100%;}
	
	.in_about_p p:nth-child(2){ display: none;}
	.in_ghjs{padding-top: 40px; padding-bottom: 60px;}
	.in_ghjs_tit a{font-size: 28px;}
	.in_ghjs .row{flex-wrap: wrap;}
	.in_ghjs .in_ghjs_l{padding: 60px 0px 0px 0px;}
	.in_ghjs .in_ghjs_l a{margin-top: 20px;}
	.in_ghjs .in_ghjs_r{margin-top: 20px; margin-left: 0%; margin: 0px;  padding: 0px;}
	
	.in_ghjs_tit{ width: 100%;}
	.in_ghjs .row{width: 100%;}
	
	.in_ghjs .in_ghjs_r li span{font-size: 26px;}
	.in_ghjs .in_ghjs_r li{padding: 10px 0px;font-size: 14px;}
	
	.in_news_tit a{font-size: 28px;}
	.in_news_con{padding-top: 0px;}
	.in_news_conl{width: 100%; margin-top: 30px;}
	.in_news_conr{width: 100%; margin-top: 30px;}
	
	.f_abshuzi{background: #f2f2f2;}
	.product-number-info .clearfix{flex-wrap: wrap; padding: 0px 0px 0px 0px;}
	.product-number-info .clearfix li{width: 50%; text-align: center; margin-top:0px; height: auto; padding: 5px 0px 15px 0px;}
	.product-number-info .clearfix li:nth-child(1){ border-bottom: 1px solid #d9bec1; border-right:1px solid #d9bec1; }
	.product-number-info .clearfix li:nth-child(3){ border-right:1px solid #d9bec1; }
	.product-number-info .clearfix li:nth-child(2){ border-bottom: 1px solid #d9bec1;}
	.product-number-info .clearfix li b i{ font-size: 36px;}
	.product-number-info .clearfix li b em{font-size:16px;}
	.product-number-info .clearfix li p{font-size: 16px;}

	
	.in_news {padding-top: 40px; padding-bottom:40px;}
	.in_news_tit h2 a{ color: #ababab; color: #343434; font-size: 28px; line-height:32px;}
	.in_news_tit h2 a:nth-child(2){width: 120px; padding: 6px 0px;margin-top:-12px;}
	.in_news_tit{ width: 100%;}
	.in_news_conr ul li a h2{ font-size: 18px;}
	.in_news_conl a h2{font-size: 18px;}
	
    .in_news .row{ margin-left: 0px; margin-right: 0px;margin-top:30px;}
	.in_news .card{ width:49%;}
	.in_jxjg{padding: 50px 0px;}
	
	.in_foot .row{ display: none;}
	
	.in_jxjg_n{ width: 96%;}
	.in_jxjg .in_jxjg_n .in_jxjg_l{ width: 100%; text-align: center;}
	.in_jxjg_l h3 {border-bottom: 1px solid #ffffff61; padding-bottom: 15px;}
	.in_jxjg_l p{ display: none;}
	.in_jxjg_l .d-flex{ display: none!important;}
	.in_jxjg .in_jxjg_n .in_jxjg_r{width: 100%;}
	.in_jxjg .in_jxjg_n .in_jxjg_r .jxjg_img{ width:32%;}
	.in_jxjg .in_jxjg_n .in_jxjg_r .jxjg_img img{ width:100%;}
	
	.in_yysl{ display: none;}
	
	.in_guangg{ display: none;}	
	.in_guangg a{height:118px;}
	.footer_bj{ margin-top: 0px;}
	.footers{display: none!important;}
	
	#side li:nth-child(1) a{padding-left: 20px;}
	#side li a{padding-left:20px; padding-right: 20px;}
	
	.ab_banner{height: 300px;}
	.ab_banner p{width: 96%;padding-top: 100px; font-size: 30px;}
	.ab_banner p span{font-size: 46px;height: 30px;}
	
	.prodlist1{width: 96%; padding:50px 0px 40px 0px;}
	.prodlist1 .row{flex-wrap: wrap; }
	.prodlist1_ms{padding-bottom: 0px; font-size: 16px; line-height: 28px;}
	.prodlist1 .row div{ margin-top: 30px;}
	.prodlist1 .row img{height: auto;}
	.prodlist1 .row .prodlist1_imgd{ display: none;}
	.prodlist1 .row .prodlist1_imgx{ display: block;}
	.prodlist1 .row p span{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.prodlist1 .col-lg-2{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.prodlist2 {padding: 10px 0px 40px 0px;}
	.prodlist2 .p-md-4{padding: 2.5rem!important;}
	.prodlist2 .p-4 {padding: 0rem 2.5rem 0rem 2.5rem!important;}
	.prodlist2 .carousel-inner{ padding-top: 0px;}
	.prodlist2 .position-relative{align-items:center;}
	.prodlist4 { width: 96%; max-width: 1400px; margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist4_ms { font-size: 16px; line-height: 26px; text-align: left; padding-bottom: 30px;}
	.prodlist4 .prodlist4_con .col{ width: 100%;}
	.prodlist3 { width: 96%; max-width: 1400px;  margin: 0px auto; padding: 10px 0px 20px 0px;}
	.prodlist3 .prodlist3_con{flex-wrap: wrap;}
	.prodlist3 .prodlist3_con .prodlist3_conl{ width:100%; margin-top: 30px;}
	.prodlist3 .prodlist3_con .prodlist3_conr{ width:100%; margin-top: 30px;}
	.prodlist3 .prodlist3_conl .col-md-7{ -ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%;  max-width: 48.333333%;}
	.prodlist3 .prodlist3_conl .col-md-5 { -ms-flex: 0 0 51.666667%; flex: 0 0 51.666667%; max-width: 51.666667%;}
	.prodlist3 .prodlist3_conr .col-md-7{ -ms-flex: 0 0 48.333333%; flex: 0 0 48.333333%;  max-width: 48.333333%;}
	.prodlist3 .prodlist3_conr .col-md-5 { -ms-flex: 0 0 51.666667%; flex: 0 0 51.666667%; max-width: 51.666667%;}
	.prodlist3_con .card-text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-top: 5px;}
	.prodlist3_con .btn-primary{margin-top: 10px;}
	
	.prodlist{width: 100%; padding: 20px 0px 30px 0px; margin: 0px auto;}
	.prodlist .row-cols-1>*{    -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%;}
	
	.prod_con{width: 96%;}
	.prod_con .clearfix{width: 96%;}
	.prod_con .cpxq_img{ height: 100%;}
	
	.jijiagong{width: 96%; padding: 0px;}
	.jijiagong .carousel-inner{ padding-top: 0px; margin-top: 0px;}
	.jijiagong2{width: 96%; padding: 30px 0px 40px 0px;}
	.f_liebiao{ margin-top: 0px;}
	.jijiagong .position-relative { margin-top: 40px;}
	.jijiagong .p-md-4{padding: 2.5rem!important;}
	.jijiagong .jjg_c h5 { font-size: 26px; padding-bottom: 15px; font-weight: normal;}
	.jijiagong2 .card-body{padding: 0rem;}
	.jijiagong2_tit{font-size: 26px; padding-bottom: 20px;}
	
	.dangjian{padding: 30px 0px 20px 0px;}
	
	.yingyong{width: 96%; padding: 30px 0px 40px 0px;}
	.yingyong .list-group-item{padding:0.55rem 1.25rem; width:48%; margin-top:10px; background:#efefef;border: 0px solid rgba(0,0,0,.125);}
	.yingyong .list-group{flex-direction: row;  flex-wrap:wrap; justify-content:space-between;}
	.yingyong_l{ padding-bottom: 20px;}
	.yingyong .tab-content{    min-height: 460px;}
	
	
	
	.yingycp_tit{margin-top: 40px;  font-size: 28px;}
	.yingyong .f_liebiao .card-body{ padding: 0px;}
	.yingyong .f_liebiao .mb-5{margin-bottom: 1rem!important;}
	
	.list-group-item+.list-group-item.active{margin-top: 15px;}
	
	.new_con{width: 96%; padding: 30px 0px 40px 0px;}
	.new_con .position-relative .media-body p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.new_con .position-relative .media-body h5{font-size: 20px; line-height: 30px;display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;padding-bottom: 0px;}
	.new_con .position-relative img{width: 220px;}
	
	.honour{width: 96%; padding: 30px 0px 40px 0px;}
	.honour_con{ line-height:28px;}
	.honour_con p{ line-height:28px;}
	.honour_con img{ max-width: 100%;}
	.honour h2 {text-align: center; font-size: 26px; padding-bottom: 10px;}
	
	.about2_bj .product-number-info{width: 96%; margin: 0px auto;}
	.about_f{align-items: center; margin-top: 50px;}
	.about3{width: 96%; padding:0px 0px 50px 0px;}
	.about_r{ display: none;}
	.about2_bj{margin-top: 30px;padding: 40px 0px;}
	.about_1 h3{font-size:26px;}
	.about_1 h4 {font-size: 26px;}
	
	.about2_bj .product-number-info .clearfix li:nth-child(1){border-bottom:0px; border-right: 0px;}
	.about2_bj .product-number-info .clearfix li:nth-child(2){border-bottom:0px; }
	.about2_bj .product-number-info .clearfix li:nth-child(3){border-right: 0px;}
	
	.wenhua{ width: 96%; padding: 30px 0px 30px 0px; }
	.wenhua .row div:nth-child(1){ display: none}
	.wenhua .row div:nth-child(2){ width: 100%;}
	
	.contact_us{ width: 96%; margin: 0px auto;}
	.contact_us .map_box .con{ width: 100%; top:60%; right: 0%; }
	.contact_us .map_box .con dl{ padding: 10px;}
	.contact_us .map_box .con dt{ font-size: 20px; font-weight: normal;}
	.n_banner_con{margin-top: 0px;}
	
	.xilie_bj { width: 100%;  padding: 40px 0px;}
	.xilie{padding: 20px;}
	.contact_us .map_box{max-height: 675px;
    height: 675px;}
	.contact_us .map_box .con ul{    padding: 20px;}
	
}

@media screen and (max-width: 767px) {
	.bimg_d{ display:none }
.bimg_x{ display: block;}
  .top{ display: none;}
  .navbar{ padding: 0px 0px; position: relative;}	
  .navbar .nav_f{border-radius:0px; padding: 5px 0px;}
  .navbar-brand {
    margin-left: 20px;
  }
  .navbar-nav {
    padding: 0 20px;
    background-color: rgb(60 60 60);
    border-top: 0px solid #ccc;
  }
  .navbar-nav li{ border-bottom: 1px solid #4e4e4e;}
  .navbar-dark .navbar-nav .nav-link{ padding: 15px 0px;}
  .navbar.fixed-top .navbar-nav {
    background:rgb(60 60 60);
  }
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link{border-bottom: 1px solid #ee6d0382;}
	
  .in_banner .carousel-inner{ margin-top: 0px;}
  .in_jxjg_r .carousel-inner{ margin-top: 30px;}
  .in_news .row{margin-top: 10px;}
  .in_news .card{ width: 100%; margin-top: 30px;}
	
  .in_prod{margin-top: 60px; padding-top: 40px; background-size: 250%;}
	
  #side{ background: #fff;}
  #side ul{ padding: 0px; width: 96%; margin: 0px auto; flex-wrap:wrap;}
  #side li{ width: 50%; margin-top: 10px; line-height: 46px;}
  #side li a{ padding: 0px; border: 1px solid #e1e1e1; width: 90%; text-align: center; margin: 0px auto; border-radius:5px; font-size: 16px;}
	
  .prodlist1{  padding: 30px 0px 40px 0px;}
  .prodlist1_tit {font-size: 26px; padding-bottom: 5px;}
	.prodlist1 .row{margin-right:0px; margin-left: 0px;}
  .prodlist1 .row div{ padding-left: 5px; padding-right: 5px; margin-top: 20px;}
	.prodlist1 .row p{height: 100px;}
	.prodlist1 .row p strong{font-size: 16px; line-height: 30px;}
	.prodlist1 .row p span{ line-height: 22px;}
	.prodlist2 h5 { font-size: 26px; padding-bottom: 10px; font-weight: normal;}
	.prodlist2 .carousel-inner { margin-top: 0px;}
	.prod_contit{font-size: 20px;}
	.prodlist3 img{ height: 100%;}
	.prodlist3_con .card-text{ -webkit-line-clamp: 2; line-height: 22px;}
	.prodlist3_con .card-body{ padding: 0px;}
	.prodlist3_con .btn-primary{width: 110px; line-height: 28px; margin-top: 15px;}
	.prodlist3_con .card-title{margin-bottom: .25rem;}
	
	.prodlist .row-cols-1>*{    -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; padding: 0px 5px;}
	.prodlist .card-body{padding: 0rem;}
	.f_liebiao{margin-top: 0px;}
	.prodlist .row{width: 96%;  margin: 10px auto; padding: 30px 10px;}
	.card-title{ padding-bottom: 0px;}
	.prod_con .cpxq_img {width: 96%; height: auto; margin: 0px auto; padding: 15px 15px 0px 15px;}
	.prod_con .row .position-static h5{font-size: 26px; font-weight: normal;}
	
	.prod_cpsm .table-bordered{ font-size: 13px;}
	.table-bordered thead td, .table-bordered thead th{font-weight: normal;}
	
	.jijiagong .p-md-4 { padding: 1.5rem!important;}
	
	.yingycp_tit{ font-size: 28px;}
	.yingyong .tab-content{    min-height: 320px;}
	
	.new_con .position-relative img{width: 150px;}
	.new_con .position-relative .media-body p{display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
	.new_con .position-relative .media-body h5{ font-size:16px;  line-height:26px;}
	.new_con .position-relative .media-body{padding-left:0px;}
}


/* -------------------------------------
 * timeline
 * ------------------------------------- */
#timeline {
  list-style: none;
  margin: 50px 0 30px 120px;
  padding-left: 30px;
  border-left: 8px solid #cdcdcd;
}
#timeline li {
  margin: 40px 0;
  position: relative;
}
#timeline p {
  margin: 0 0 15px;
}

.date {
  margin-top: -10px;
  top: 50%;
  left: -158px;
  font-size: 1.55em;
  line-height: 20px;
  position: absolute;
}

.circle {
  margin-top: -10px;
  top: 50%;
  left: -44px;
  width: 20px;
  height: 20px;
  background: #818783;
  border: 2px solid #fff;
  border-radius: 50%;
  display: block;
  position: absolute;
}

.content {
  max-height: 20px;
  padding: 50px 20px 0;
  border-color: transparent;
  border-width: 2px;
  border-style: solid;
  border-radius: 0.5em;
  position: relative;
}
.content:before, .content:after {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
  right: 100%;
}
.content:before {
  border-right-color: inherit;
  border-width: 20px;
  top: 50%;
  margin-top: -20px;
}
.content:after {
  border-right-color: #FFF;
  border-width: 17px;
  top: 50%;
  margin-top: -17px;
}
.content p {
  max-height: 0;
  color: transparent;
  text-align: justify;
  word-break: break-word;
  hyphens: auto;
  overflow: hidden;
}

label {
  font-size: 1.0em;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 20px;
  transition: transform 0.2s linear;
}

.radio {
  display: none;
}

.radio:checked + .relative label {
  cursor: auto;
  transform: translateX(42px);
}
.radio:checked + .relative .circle {
  background: #f98262;
}
.radio:checked ~ .content {
  max-height: 180px;
  border-color: #f9bf00;
  margin-right: 20px;
  transform: translateX(20px);
  transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
}
.radio:checked ~ .content p {
  max-height: 200px;
  color: #eee9dc;
  transition: color 0.3s linear 0.3s;
}

/* -------------------------------------
 * mobile phones (vertical version only)
 * ------------------------------------- */
@media screen and (max-width: 767px) {
  #timeline {
    margin-left: 0;
    padding-left: 0;
    border-left: none;margin-top: 80px;
  }
  #timeline li {
    margin: 60px 0;top: 12px;
  }

  label {
    width: 85%;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    transform: translateX(18px);
	top: 12px; 
  }
	.fazhan{padding: 50px 0px 0px 0px;}
  .content {
    padding-top: 45px;
    border-color: #eee9dc;
  }
  .content:before, .content:after {
    border: solid transparent;
    bottom: 100%;
  }
  .content:before {
    border-bottom-color: inherit;
    border-width: 11px;
    top: -3px;
    left: 20px;
    margin-left: -11px;
  }
  .content:after {
    border-bottom-color: #48b379;
    border-width: 10px;
    top: -4px;
    left: 20px;
    margin-left: -10px;
  }
  .content p {
    font-size: 0.9em;
    line-height: 1.4;
  }

  .circle, .date {
    display: block; border: 0px; 
  }
.date{left: 5px; top: -50%; font-size: 1.15em;}
.radio:checked ~ .content {
    max-height: 20px;
    border-color: #eee9dc;
    margin-right: 0px;
    transform: translateX(0px);
}
	.radio:checked + .relative label{transform: translateX(20px);}

.hzpp_bj{ width:100%; background: #fafafa;  padding-top: 120px;padding-bottom: 120px;} 
.hzpp_sm{width:100%; max-width:1300px;   margin: 0px auto; background: #fff; padding: 60px; justify-content: space-between;}
.hzpp_sm h2{font-size: 26px; color: #666; }
.hzpp_sm h2 span{ margin-right: 10px;}
.hzpp_sm p{line-height: 30px; font-size: 16px; color: #888; padding-top: 50px;}
.hzpp_sm img{max-width:100%;}
.hzpp_tb{width:100%; max-width:1330px;   margin: 0px auto; padding-top: 50px;}
.hzpp_tb .f_liebiao .card-img, .card-img-top{border: 0px solid #dddddd; }


.jsgh .list-group{width:80%; background-color: #f1f1f1; }
.jsgh h2{font-size: 26px; padding-bottom:20px; font-weight: 200; padding: 20px 0px 20px 20px; background: #ff7401; width:80%; color: #fff; margin-top: 20px;}
.jsgh .list-group .list-group-item{border: 0px;  border-bottom: 1px dotted #ccc; background: none;     width: 90%;
    margin: 0px auto;}
.jsgh .list-group .active {color: #0d4076; }

.jsgh .yingyong_r img{width:100%;}

}





@media screen and (max-width:1440px) {.in_banner .carousel-inner{height: auto;}}